@charset "utf-8";
@import "common";
.XiYanpaihangWeb{
    width: 100%;
    height: 100%;
    position: relative; 
    background: #bf0c21 url(../img/di.png);
    overflow: hidden; 
    .xiyanbang{
        width: r(347);
        height:4.4%;
        margin: 0 auto;
        margin-top: 4.1%;   
        img{
            width: 100%; 
        }
    } 
    .liebiao{  
        margin-bottom: r(89);
        width: r(504); 
        height: r(833);
        margin: 0 auto;
        overflow: auto; 
        li{
            overflow: auto;
            width: r(504);
            height: r(92);
            overflow: hidden;
            border:2px solid #e7c598;
            border-bottom:0;
            margin:0 auto;
            color: #e7c598;
            font-size: r(21);
            box-sizing: border-box;
            .touxiang{
                width: r(63);
                height: r(63);
                margin:0 r(16) 0 r(47) ;
                img{
                    width: 100%;
                    border-radius: 50%;
                }
            }
            .huangguan{
                position: relative;
//              margin-right: r(42);
                width: r(58);
                text-align: right;
                p:first-of-type{
                    width: r(95);
                    text-align: center;
                    font-size: r(36);
                    margin: 0;
                    font-weight: bolder;
                }
                img{
                    position: absolute;
                    top: r(16);
                    right: r(0);
                    width: r(20);
                    height: r(11);
                }
            }
            &>p:nth-of-type(1){
                width: r(35);
                overflow: hidden;
                text-overflow: ellipsis;
//              white-space: nowrap;
            }
            p:last-of-type{
                text-align: right;
                margin-left: r(50);
                width: r(155);
            }
            .huangguan,
            .touxiang,
            p{
                line-height: r(91);
                display: inline-block;
                vertical-align: middle;
            }
        }
        li:last-of-type{
            border-bottom:2px solid #e7c598;
        }
    }
    .tubiao{
        position: absolute;
        width: r(41);
        height: r(41);
        bottom: r(25);
        right: r(56);
        img{
            width: 100%;
            height: 100%;
        }
    }
} 

